<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Jectly</title>
<link type="text/css" rel="stylesheet" href="media/newstyle.css" />
<link rel="stylesheet" type="text/css" href="media/round-button.css" /> 
<script type="text/javascript" src="media/function.js"></script>
<!--[if lte IE 7]>  
<style type="text/css" media="all">  
legend {  
position: relative;  
left: -7px;  
top: -0.75em;
} 
fieldset {  
position: relative;
}
</style>
<![endif]-->
</head>
<body>
<div class="body" id="body">
	<!-- Top Navigation -->

	<div class="topLink">
				<div class="topLinkLeft">
					  <div class="nav">
			<ul>
				<li>
					<div id="mnu_home" class="menuGroup">
						<a href="#">Settings <img src="media/popup_small.gif" alt="" border="0" align="absmiddle" /></a>
						<span class="rowBreak"></span>

						<a href="#">New Account <img src="media/popup_small.gif" alt="" border="0" align="absmiddle" /></a>
					</div>
					<div id="mnu_product" class="menuGroup">
						<a href="#">Posting Projects</a>
						<a href="#">Bidding Projects</a>
						<a href="#">Won Projects</a>
						<a href="#">Closed Projects</a>

						<a href="#">Projects</a>
						<span class="rowBreak"></span>
						<a href="#">Design</a>
						<a href="#">Software</a>
						<a href="#">Design &amp; Software</a>
						<a href="#">Management &amp; Consulti</a>

						<a href="#">Writing &amp; Translation</a>
						<a href="#">Sound &amp; Multimedia</a>
						<a href="#">Accounting</a>
						<a href="#">Partnership &amp; Marketing</a>

					</div>
					<div id="mnu_transaction" class="menuGroup">
						<a href="#">New Request to Deposit</a>
						<a href="#">New Request to Withdraw</a>
						<span class="rowBreak"></span>
						<a href="#">Outgoing Escrow Payments</a>
						<a href="#">Incoming Escrow Payments</a>

						<span class="rowBreak"></span>
						<a href="#">Request to Deposit</a>
						<a href="#">Request to Withdraw</a>
						<span class="rowBreak"></span>
						<a href="#">All Transaction</a>
					</div>
				</li>

				<li>
					<span onclick="showMenu('home','0')">Home <img id="img_home" src="media/dwnArrow.jpg" alt="" /></span>
					<span class="h5 borderLeft">&nbsp;</span>
				</li>
				<li>
					<span onclick="showMenu('product','65')">Projects <img id="img_product" src="media/dwnArrow.jpg" alt="" /></span>
					<span class="h5 borderLeft">&nbsp;</span>
				</li>

				<li>
					<span onclick="showMenu('transaction','150')">Transaction <img id="img_transaction" src="media/dwnArrow.jpg" alt="" /></span>
					<span class="h5 borderLeft">&nbsp;</span>
				</li>
				<li>
					<span>Reviews &amp; Ratings <img id="img_reviews" src="media/dwnArrow.jpg" alt="" /></span>
					<span class="h5 borderLeft">&nbsp;</span>

				</li>
				<li>
					<span>Bookmark <img id="img_bookmark" src="media/dwnArrow.jpg" alt="" /></span>
				</li>
			</ul>
		  </div>
		</div>
		
		<div class="topLinkRight">

			<div class="helpTxt">Logined as <a href="#">russell</a> | <a href="#" class="help">Help</a> | <a href="#">Logout</a></div>
		</div>

	</div>
	
	<!-- Header / Banner -->

	<div class="banner">
		<a href="."><img src="media/logo.gif" alt="" border="0" /></a>
	</div>
	<div class="banner left">
		<!--<div class="bannerLogo"></div>-->
		<div class="searchPanel left" align="center" style="margin:auto">
	<form>
	<div class="searchTab_active" onclick="showSearchTab(1)" id="search_tab1">Projects</div>

	<div class="searchTab" onclick="showSearchTab(2)" id="search_tab2">Providers</div>
	<div class="searchBox1" id="search_box1">
		<input type="text" value="Enter your project keyword here" class="input w245" onfocus="showHint(this,'Enter your project keyword here',1)" onblur="showHint(this,'Enter your project keyword here',2)"/> <span class="button"><button type="submit" name="foo" value="Go">Go</button></span>  <br />
		<select style="margin:5px 0 0 0;" name="search" class="input w252">
			<option>Please Select</option>
			<option>Search From Design</option>

			<option>Search From Software</option>
			<option>Search From Design &amp; Software</option>
			<option>Search From Management &amp; Consulting</option>
			<option>Search From Writing &amp; Translation</option>

			<option>Search From Sound &amp; Multimedia</option>
			<option>Search From Accounting</option>
			<option>Search From Partnership &amp; Marketing</option>
		</select>
		<input type="checkbox" id="s1"/> <label for="s1"><img src="media/popup_icon.gif" align="absbottom" height="22" alt=""  title="open in new window" /></label>

	</div>
	<div class="searchBox2" id="search_box2">
		<input type="text" value="Enter your provider keyword here" class="input w245" onfocus="showHint(this,'Enter your provider keyword here',1)" onblur="showHint(this,'Enter your provider keyword here',2)"/> <span class="button"><button type="submit" name="foo" value="Go">Go</button></span>  <br />
		<select style="margin:5px 0 0 0;" name="search" class="input w252">
			<option>Please Select</option>
			<option>Search From Design</option>

			<option>Search From Software</option>
			<option>Search From Design &amp; Software</option>
			<option>Search From Management &amp; Consulting</option>
			<option>Search From Writing &amp; Translation</option>

			<option>Search From Sound &amp; Multimedia</option>
			<option>Search From Accounting</option>
			<option>Search From Partnership &amp; Marketing</option>
		</select>
		<input type="checkbox"/> <img src="media/popup_icon.gif" align="absbottom" height="22" alt=""  title="open in new window" />

	</div>
	</form>
</div>
	</div>
	
	<!-- Main body -->
	<div class="minHeight"></div>
	<div class="contentPlaceholder">
	<div class="w955 mrgLeft25 mrgTop10">
		<!-- # include file="includes/search_nav.asp" -->

		<div class="cph breadcrumb">
		<a href="#">Projects</a> &gt;&gt; New Project
		</div>
		<div class="cph center">
			<div style="width:70px; height:20px;float:left;"></div>
			<div class="headingBox headingBox_selected pointer">Step 1. Please input the form.</div>
			<div class="headingBox headingBox_unfilled pointer" style="border-left:0px"  onmouseover="changeBgColors(this,'#008080')" onmouseout="changeBgColors(this,'#FFFFFF')">Step 2. Please confirm your input and submit.</div>

			<div class="headingBox headingBox_unfilled pointer" style="border-left:0px"  onmouseover="changeBgColors(this,'#008080')" onmouseout="changeBgColors(this,'#FFFFFF')">Step 3. Posting a new project is completed.</div>
		</div>
		<div class="cph left">
			Please make sure you only post projects that is possible to bid on. You have to make sure your description is clear enough. Service providers must be able to estimate a price based on your project description.
		</div>
		<div class="cph red">
			* - denotes required fields.
		</div>
		<div class="cph error red">

			<img height="30" src="media/error_icon.png" alt="error" align="left" style="margin-right: 20px" />
			Error<br />
			Please Input ****
		</div>
		
		<div class="cph w950 h5"></div>
		<div class="cph left">
		  <fieldset>
			<legend class="bold">1. Please input a title for your project <span class="red">*</span></legend>

			<div class="floatLeft w500">
				<input class="input w300" type="text" name="projectName" maxlength="50" /> (Max 50 characters. ** Left)
			</div>
			<div class="floatLeft w400">
				This title will be shown in the project list. Clear title will help providers to understand the project.
			</div>
		  </fieldset>
		</div>
		
		<div class="cph w950 h5"></div>

		<div class="cph left">
		  <fieldset>
			<legend class="bold">2. Please select your categories for your project. <span class="red">*</span></legend>
			<div class="floatLeft w200">
				Please select a main category.
			</div>
			<div class="floatLeft w200">
				<select class="input w175" name="maingroup" multiple="multiple" size="8" onchange="selectSub(this)">

					<option value="1">Design</option>
					<option value="1">Software</option>
					<option value="1">Design &amp; Software</option>
					<option value="1">Management &amp; Support</option>
					<option value="1">Writing &amp; Translation </option>

					<option value="1">Sound &amp; Multimedia</option>
					<option value="1">Leagal &amp; Accounting </option>
					<option value="1">Consulting &amp; Training</option>
				</select>

			</div>
			<div class="floatLeft w200" style="visibility:hidden" id="sub1">
				Please select a sub category.
			</div>
			<div class="floatLeft w200" style="visibility:hidden" id="sub2">
				<select class="input w175" name="subgroup" multiple="multiple" size="8">
					<option value="1">Web</option>
					<option value="1">Graphics</option>
					<option value="1">Logo/Icon/Banners</option>
					<option value="1">Character</option>
					<option value="1">Concept/Interface</option>
					<option value="1">3D</option>
					<option value="1">Other</option>
				</select>

			</div>
		  </fieldset>
		</div>
		
		<div class="cph w950 h5"></div>
		<div class="cph left">
		  <fieldset>
			<legend class="bold">2. Please select a type for your project <span class="red">*</span></legend>
			<div class="floatLeft w150">
<?php $this->lstProjectTypeObject->Render(true,'Width=200px','Height=10px'); ?>
				<input type="radio"  value="spec" checked="checked" /> Spec based project 
			</div>
			<div class="floatLeft w175">
				<input type="radio" name="projectType" value="long" /> Long term relationship 
			</div>
			<div class="floatLeft w500">
				Spec based project means the project will have a cocrete specification to complete. <br />
				Long term project means the projected will be repeated with a required cycle.
			</div>

			<div class="floatRight w50 help">
				<a href="#" title="Help">Help</a>  <img src="media/popup_small.gif" alt="" border="0" align="absmiddle" />
			</div>
		  </fieldset>
		</div>
		
		<div class="cph w950 h5"></div>
		<div class="cph left">
		  <fieldset>

			<legend class="bold">4. Please describe a project in detail.<span class="red">*</span></legend>
			<div class="floatLeft w650">
				<textarea name="description" class="input w550" rows="10" cols="100"></textarea> ** Left<br />
				You can not post any spam, contact information or advertisement.
			</div>
			<div class="floatRight w300">
				Please add as much information as much possible about your project. Service providers will bid based on your description.
			</div>

		  </fieldset>
		</div>
		
		<div class="cph w950 h5"></div>
		<div class="cph left">
		  <fieldset>
			<legend class="bold">5. You can upload files that are relavent to the project.</legend>
			<div class="floatLeft w500">
				<input class="input w400" type="file" name="projectName"/>

			</div>
			<div class="floatLeft w400">
				Please archieve your files in to a file. Zip format is recommended. You can also delete the file after the project is started.
			</div>
			<div class="floatRight w50 help">
				<a href="#" title="Help">Help</a>  <img src="media/popup_small.gif" alt="" border="0" align="absmiddle" />
			</div>
		  </fieldset>

		</div>
		
		<div class="cph w950 h5"></div>
		<div class="cph left">
		  <fieldset>
			<legend class="bold">6. Please select a budget range for your project. <span class="red">*</span></legend>
			<div class="floatLeft w115">
				<input type="radio" name="projectBudget"/> $30-$100<br />

				<input type="radio" name="projectBudget"/> $7000-$10000<br />
				<input type="radio" name="projectBudget"/> Very small
			</div>
			<div class="floatLeft w115">
				<input type="radio" name="projectBudget"/> $100-$300<br />
				<input type="radio" name="projectBudget"/> $10000-$15000<br />

				<input type="radio" name="projectBudget"/> Small
			</div>
			<div class="floatLeft w115">
				<input type="radio" name="projectBudget"/> $300-$500<br />
				<input type="radio" name="projectBudget"/> $15000-$20000<br />
				<input type="radio" name="projectBudget" checked="checked"/> Medim
			</div>

			<div class="floatLeft w115">
				<input type="radio" name="projectBudget"/> $500-$1000<br />
				<input type="radio" name="projectBudget"/> $20000-$25000<br />
				<input type="radio" name="projectBudget"/> Large
			</div>
			<div class="floatLeft w115">
				<input type="radio" name="projectBudget"/> $1000-$1500<br />

				<input type="radio" name="projectBudget"/> $25000-$35000<br />
				<input type="radio" name="projectBudget"/> Very large
			</div>
			<div class="floatLeft w115">
				<input type="radio" name="projectBudget"/> $1500-$3000<br />
				<input type="radio" name="projectBudget"/> $35000-$50000
			</div>

			<div class="floatLeft w115">
				<input type="radio" name="projectBudget"/> $3000-$5000<br />
				<input type="radio" name="projectBudget"/> &gt;$50000<br />
			</div>
			<div class="floatLeft w115">
				<input type="radio" name="projectBudget"/> $5000-$7000
			</div>

		  </fieldset>
		</div>
		
		<div class="cph w950 h5"></div>
		<div class="cph left">
		  <fieldset>
			<legend class="bold">7. How many days should this project stay open for bidding? <span class="red">*</span></legend>
			<div class="floatLeft w75"><input type="radio" name="daysToOpenProject"/> 5 days</div>

			<div class="floatLeft w75"><input type="radio" name="daysToOpenProject"/> 7 days </div>
			<div class="floatLeft w75"><input type="radio" name="daysToOpenProject"/> 12 days </div>
			<div class="floatLeft w75"><input type="radio" name="daysToOpenProject"/> 15 days </div>
			<div class="floatLeft w75"><input type="radio" name="daysToOpenProject"/> 20 days </div>
			<div class="floatLeft w75"><input type="radio" name="daysToOpenProject" checked="checked"/> 30 days </div>

			<div class="floatLeft w75"><input type="radio" name="daysToOpenProject"/> 40 days </div>
			<div class="floatLeft w75"><input type="radio" name="daysToOpenProject"/> 60 days </div>
		  </fieldset>
		</div>
		
		<div class="cph w950 h5"></div>
		<div class="cph left">
		  <fieldset>

			<legend class="bold">8. Do you use an option to hide project details from search engines and not registered users ($3 cost). To view bid you must login.</legend>
			<div class="floatLeft">
				<input type="checkbox" name="isProjectHide"/> I want to hide project details from search engines and not registered user ($3 cost)
			</div>
			<div class="floatRight w50 help">
				<a href="#" title="Help">Help</a>  <img src="media/popup_small.gif" alt="" border="0" align="absmiddle" />
			</div>

		  </fieldset>
		</div>
		
		<div class="cph w950 h5"></div>
		<div class="cph">
			<input type="checkbox" name="terms" /> I agree the <a href="#">terms of use</a>  <img src="media/popup_small.gif" alt="" border="0" align="absmiddle" />
		</div>
		
		<div class="cph w950 h5"></div>

		<div class="cph center">
			<div class="floatLeft w450"></div>
			<div class="floatLeft"><span class="button"><button type="button" name="foo" value="Confirm" onclick="window.location.href='new_project_2.asp'">Confirm</button></span></div>
		</div>
		<div class="cph center h20"></div>
	</div>
	</div><!--contentPlaceholder closed-->
	<div class="minHeight"></div>

	
	<div class="footer">
		<a href="#">Terms of use</a> &nbsp; | &nbsp; 
		<a href="#">Privacy policy</a> &nbsp; | &nbsp; 
		<a href="#">Company Info</a> &nbsp; | &nbsp; 
		<a href="#">Blog</a> &nbsp; | &nbsp; 
		<a href="#">Hubshots</a> &nbsp; | &nbsp; 
		<a href="#">Contact</a><br /><br />

		&copy; 2009 jectly.com
	</div>
</div>
</body>
</html>